<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8"/>
    <title>换煤气个人博客</title>

    <!-- 引入 JQ 和 Bootstrap -->
    <script src="js/jquery/2.0.0/jquery.min.js"></script>
    <link href="css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
    <script src="js/bootstrap/3.3.6/bootstrap.min.js"></script>
    <!-- 引入自己的CSS -->
    <link href="css/about.css" rel="stylesheet"/>
</head>

<body>

<!--引入头部-->
<script language="javascript" type="text/javascript" src="js/header.js"></script>
<!--题图-->
<img id="titu" src="img/about/titu.jpg"/>
<!--主体内容-->
<div id="content">

    <!-- 关于信息 -->
    <div class="aboutInfo">
        <div class="leftInfo">
            <img src="img/head.jpg">
            <h2>换煤气</h2>
            <h4>水瓶it男爱文艺爱音乐会看手相</h4>
        </div>
        <!--<div class="rightInfo">-->
        <!--<h2>博客搭建流程：</h2>-->
        <!--<div class="aboutArticle">-->
        <!--<div class="title">-->
        <!--<a href="https://www.jianshu.com/p/0293368fe750">SpringBoot技术栈搭建个人博客【项目准备】</a>-->
        <!--</div>-->
        <!--<div class="summary">-->
        <!--项目准备包括需求分析、数据库设计、原型设计、项目搭建、RESTful APIs设计-->
        <!--</div>-->
        <!--</div>-->
        <!--<div class="aboutArticle">-->
        <!--<div class="title">-->
        <!--<a href="https://www.jianshu.com/p/91c6c9fc67c4">SpringBoot技术栈搭建个人博客【后台开发】</a>-->
        <!--</div>-->
        <!--<div class="summary">-->
        <!--按照设计的RESTful APIs进行后台开发，并实现日志记录/统计/权限等功能-->
        <!--</div>-->
        <!--</div>-->
        <!--<div class="aboutArticle">-->
        <!--<div class="title">-->
        <!--<a href="https://www.jianshu.com/p/c66541e59249">SpringBoot技术栈搭建个人博客【前台开发/项目总结】</a>-->
        <!--</div>-->
        <!--<div class="summary">-->
        <!--前后端结合以及项目总结-->
        <!--</div>-->
        <!--</div>-->
        <!--</div>-->
    </div>
    <!-- /. END ABOUT INFO -->
    <!--<hr/>-->
    <!--&lt;!&ndash;留言区&ndash;&gt;-->
    <!--<div style="margin-top: 60px;">-->
    <!--<label>留言列表：</label>-->
    <!--</div>-->
    <!--<div id="commentList" class="commentList">-->
    <!--</div>-->
    <!--&lt;!&ndash; /. END COMMENT LIST &ndash;&gt;-->

    <!--&lt;!&ndash;新增留言&ndash;&gt;-->
    <!--<div class="comment">-->
    <!--<div class="panel panel-default">-->
    <!--<div class="panel-heading">-->
    <!--新增留言-->
    <!--</div>-->
    <!--<div class="panel-body">-->
    <!--<label>名称：</label>-->
    <!--<input id="commentName" class="form-control"/>-->
    <!--<label>Email：</label>-->
    <!--<input id="commentEmail" class="form-control">-->
    <!--<label>评论内容：</label>-->
    <!--<textarea id="commentContent" rows="3" class="form-control"></textarea><br/>-->
    <!--<div class="text-right">-->
    <!--<button id="addComment" class="btn btn-success">确认添加</button>-->
    <!--</div>-->
    <!--</div>-->
    <!--&lt;!&ndash; /. END PANEL-BODY &ndash;&gt;-->
    <!--</div>-->
    <!--&lt;!&ndash; /. END PANEL &ndash;&gt;-->
    <!--</div>-->
    <!--&lt;!&ndash; /. END COMMENT &ndash;&gt;-->

    <!--&lt;!&ndash; 提示不能为空信息MODAL &ndash;&gt;-->
    <!--<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"-->
    <!--aria-hidden="true">-->
    <!--<div class="modal-dialog">-->
    <!--<div class="modal-content">-->
    <!--<div class="modal-header alert-success">-->
    <!--<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>-->
    <!--<h4 class="modal-title">温馨提示：</h4>-->
    <!--</div>-->
    <!--<div class="modal-body">-->
    <!--<div class="row">-->
    <!--<div class="col-md-12">-->
    <!--<label>名称和评论内容不能为空！同时希望您能留下您宝贵的Email地址供我们联系！</label>-->
    <!--</div>-->
    <!--</div>-->
    <!--&lt;!&ndash; /. END RWO &ndash;&gt;-->
    <!--</div>-->
    <!--&lt;!&ndash; /. END MODAL BODY &ndash;&gt;-->
    <!--<div class="modal-footer">-->
    <!--<button type="button" class="btn btn-default" data-dismiss="modal">我知道了</button>-->
    <!--</div>-->

    <!--</div>-->
    <!--</div>-->
    <!--</div>-->
    <!--&lt;!&ndash; /. END MODAL &ndash;&gt;-->
    <!--&lt;!&ndash; 添加成功提示信息MODAL &ndash;&gt;-->
    <!--<div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"-->
    <!--aria-hidden="true">-->
    <!--<div class="modal-dialog">-->
    <!--<div class="modal-content">-->
    <!--<div class="modal-header alert-success">-->
    <!--<h4 class="modal-title">系统提示：</h4>-->
    <!--</div>-->
    <!--<div class="modal-body">-->
    <!--<div class="row">-->
    <!--<div class="col-md-12">-->
    <!--<label>添加成功！</label>-->
    <!--</div>-->
    <!--</div>-->
    <!--&lt;!&ndash; /. END RWO &ndash;&gt;-->
    <!--</div>-->
    <!--&lt;!&ndash; /. END MODAL BODY &ndash;&gt;-->
    <!--<div class="modal-footer">-->
    <!--<button type="button" class="btn btn-default" id="addConfirmBtn">感谢支持</button>-->
    <!--</div>-->

    <!--</div>-->
    <!--</div>-->
    <!--</div>-->
    <!-- /. END MODAL -->
</div>

<!-- 引入尾部 -->
<script language="javascript" type="text/javascript" src="js/footer.js"></script>
<!-- 引入自己的JS -->
<script src="js/about.js"></script>
</body>

</html>